.title-img{
  margin: 0 30rpx;
  image{
    height: 320rpx;
    width: 100%;
  }
}
.community-type-box{
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: #F7FAF8;
  border-bottom: 1px solid #eee;
  display: flex;
  margin: 20rpx 30rpx;
  height: 100rpx;
  align-items: center;
  padding: 0 30rpx;
  border-radius: 16rpx;
  .community-type-item{
    margin: 6rpx 20rpx;
    color: #999898;
    .community-type-title{
      font-size: 30rpx;
    }
  }
  .community-type-item-checked{
    margin: 6rpx 20rpx;
    color: #999898;
    position: relative;
    color: #212121;
    font-size: 30rpx;
    font-weight: bold;
  }
  .community-type-item-checked::after {
    content: '';
    position: absolute;
    left: 50%; /* 水平居中 */
    bottom: -8rpx;
    transform: translateX(-50%);
    width: 40rpx; /* 竖线粗细 */
    height: 6rpx; /* 竖线长度 */
    background: #FE7407; /* 竖线颜色 */
  }
}
.box{
  display: flex;
  flex-direction: column;
  margin: 0 30rpx;
  background: #F7FAF8;
  border-radius: 16rpx;
  .item{
    margin: 44rpx 35rpx;
    display: flex;
    flex-direction: column;
    border-bottom: 1rpx solid rgba(146, 146, 146, 0.3);
    .user-box{
      display: flex;
      image{
        width: 55rpx;
        height: 55rpx;
        border-radius: 100%;
        margin-right: 12rpx;
      }
      .user{
        display: flex;
        flex-direction: column;
        //align-items: center;
        .name{
          font-size: 22rpx;
          color: #272626;
        }
        .time{
          font-size: 20rpx;
          color: #999898;
        }
      }
    }
    .content-box{
      margin: 26rpx 0 26rpx 70rpx;
      .content{
        font-size: 20rpx;
        color: #272626;
      }
      .file-box{
        margin-top: 11rpx;
        background: #E9E9E9;
        border-radius: 12rpx;
        display: flex;
        image{
          width: 70rpx;
          height: 70rpx;
        }
        .file{
          margin: 20rpx 20rpx;
          width: 430rpx;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-size: 20rpx;
          color: #929292;
        }
      }

    }
    .fun-box{
      display: flex;
      margin: 26rpx 0 40rpx 70rpx;
      .fun{
        width: 33.3%;
        display: flex;
        align-items: center;
        image{
          width: 25rpx;
          height: 25rpx;
        }
        .num{
          margin-left: 6rpx;
          font-size: 20rpx;
          color: #999898;
        }

      }
    }
  }
}
.m-l-120{
  margin-left: 120rpx;
}
